<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
		<link href="menu.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="menu.js"></script>
    </head>
    <body>
    	<div class="menuTitle" onmouseout="menuToggle('myMenu');" onmouseover="menuToggle('myMenu');" style="left:0px;width:100px;">
    		my menu
    	</div>
    	<div id="myMenu" onmouseout="menuToggle('myMenu');" class="menu" style="left:0px;width:100px;" >
    		<a href="javascript:alert('you choose first');" class="menuEntry">first</a>
			<br>
			<a href="#" class="menuEntry">second</a>
			<br>
			<a href="#" class="menuEntry">third</a>
    	</div>
		<div class="menuTitle" onmouseout="menuToggle('otherMenu');" onmouseover="menuToggle('otherMenu');" style="left:100px;width:100px;">
    		other menu
    	</div>
    	<div id="otherMenu" onmouseout="menuToggle('otherMenu');" class="menu" style="left:100px;width:100px;" >
    		<a href="#" class="menuEntry">first</a>
			<br>
			<a href="#" class="menuEntry">second</a>
			<br>
			<a href="#" class="menuEntry">third</a>
			<br>
			<a href="javascript:createMenu1();" class="menuEntry">createMenu1</a>
    	</div>
		<div id="mymenuid" style="left:200px">
			
		</div>
    </body>
</html>
